<template>
    <p v-if="age>25">{{ msg }}</p>
    <p v-else>You should be 25 years old to view this message.</p>
</template>

<script>
export default{
    name:'Greeting',
    props:['age'],
    data(){
        return{
            msg:'aa'
        }
    }
}
</script>

<style scoped lang="scss">
    p{
        color:blue;
        &:hover{
            color: darken(#cc444c,15%);
        }
    }
</style>
